<template>
  <div>
    <van-collapse :accordion="true" v-model="activeNames">
      <van-collapse-item :title="issue.question" :name="index" v-for="(issue, index) in issueList" :key="index">
        {{issue.answer}}
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script>
import { Collapse, CollapseItem } from 'vant';
import { issueList } from '@/api/api';

export default {
  data: () => ({
    activeNames: [-1],
    issueList: []
  }),
  created() {
    this.getIssueList();
  },
  methods: {
    getIssueList() {
      issueList().then(res => {
        this.issueList = res.data.data.list
      });
    }
  },
  components: {
    [Collapse.name]: Collapse,
    [CollapseItem.name]: CollapseItem
  }
};
</script>
